<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
   "http://www.w3.org/TR/html4/loose.dtd">
<html lang="es">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="language" content="es" >
	
	<title>MusicGazer</title>
	
	<link type="text/css" rel="stylesheet" href="estilos/estilo.css">
	
	<script src="javascript/jquery-1.6.1.js" type="text/javascript"></script>
    <script src="javascript/scripts.js" type="text/javascript"></script>
    <script src="javascript/jquery.xslt.js" type="text/javascript"></script>
    <script src="javascript/overlay.js" type="text/javascript"></script>
    <script src="javascript/tabs.js" type="text/javascript"></script>
    
    <link href="http://fonts.googleapis.com/css?family=Cuprum:regular" rel="stylesheet" type="text/css" >
    <link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css'>
</head>

<body>

<div class="simple_overlay" id="gsoverlay">
	Con la tecnología de <a href = "http://www.tinysong.com"><b>tinysong.com</b></a> y 
	<br><a href = "http://www.grooveshark.com"><img src = "imagenes/gslogo.png" alt="Grooveshark"></a>
	<br><br>Canciones encontradas:<br>
	<div id = "grooveshark"></div>
</div>

<div id=general>
	<div id=titulo>
		<a href="index.php" class="titulo">MusicGazer</a>
	</div>
	
	<div class=principal>
	
		<div id="masVisitados"><h3>Artistas m&aacute;s visitados</h3></div>
	
		<div id="introYBusqueda">
		<h2>Sobre MusicGazer</h2>
			<p>Introduce un artista para buscar sus canciones m&aacute; conocidas, ordenadas por n&uacute;mero de
				oyentes. Despu&eacute;s, pulsa en <img src='imagenes/grooveshark.jpg' width="15" height="15" alt="Grooveshark"> 
				para escuchar la canci&oacute;n	que quieras desde Grooveshark. Obtendr&aacute;s tambi&eacute;n informaci&oacute;n
				sobre el artista, y una	gr&aacute;fica representativa.</p>

			<div id="formulario" class="formulario">
			<form action="">
				<input class="formularios" type="text" name="term" value="" id="term">
				<input class="formularios" type="submit" name="search" value="Buscar" id="search">
			</form>
			</div>
		</div>
		
		

		<br>

		<div id="loading">Cargando...</div>
		
		<div id="artistaNoEncontrado">Artista no encontrado</div>
		
		<div id = "pestanias">
			<ul class="tabs">
				<li><a href="#">Estad&iacute;sticas</a></li>
				<li><a href="#">Biograf&iacute;a</a></li>
			</ul>
		
		
			<div class="panes">
				<div>
				<div id="info"></div>
				<div id="grafica"></div>
				</div>
				
				<div id="biografia">
				</div>
			</div>
		</div>
		
		<div id = "nombreEImagen">
			<div id="nombreArtista">
			</div>

			<div id="imagenArtista">
			</div>
			
			<div id="comentarios">
				<div id="contenido"></div>
				Nick: <input type="text" id="nick" value="" class="formularios" size="7"><br><br>
				<textarea id="contenidoComent" class="formularios" rows="5" cols="28"></textarea><br>
				<input type="button" id="add" value="A&ntilde;adir comentario" class="formularios">			

			</div>
		</div>
		

		

		
		<br>
		
	
	</div>
	
	<a href="http://validator.w3.org/check?uri=referer">
    <img style="border:0;width:88px;height:31px"
		src="http://www.w3.org/Icons/valid-html401-blue"
        alt="Valid HTML 4.01 Transitional" height="31" width="88"></a>
        
	<a href="http://jigsaw.w3.org/css-validator/check/referer">
    <img style="border:0;width:88px;height:31px"
        src="http://jigsaw.w3.org/css-validator/images/vcss-blue"
        alt="¡CSS Válido!" >
	</a>
	<br><br>	
</div>
</body>
</html>
